<script>
import Demo from "./Demo";
export default {
  data() {
    return {
      msg: "default",
      popoVisible:false
    };
  },
  methods:{
    change(){
      this.msg=this.msg+'1'
      this.popoVisible=false
    }
  },

  render() {
    return (
      <div>
        <p>父组件</p>
        <button on-click={()=>this.change()} > gaibian</button>
        <hr />
        <Demo msg={this.msg} />
          <a-popover
            auto-adjust-overflow
            arrow-point-at-center
            placement="rightTop"
            v-model={this.popoVisible}
            trigger="click"
          >
            <button class="btn" type="button">
              <a-icon type="plus" class="iconfont" />
            </button>
          </a-popover>
      </div>
    );
  }
};
</script>